<header class="main-header">
    <a href="/users" class="logo">
        校园一卡通系统
    </a>
    <nav class="navbar navbar-static-top" role="navigation">
        <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">
                <li class="dropdown user user-menu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <img src="../lib/AdminLTE/img/user2-160x160.jpg" class="user-image" alt="User Image">
                        <span class="hidden-xs"><%= realname %></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="user-header">
                            <img src="../lib/AdminLTE/img/user2-160x160.jpg" class="img-circle" alt="User Image">
                            <p>
                                <%= realname %> - <%= role %>
                                <small>Member since Nov. 2012</small>
                            </p>
                        </li>
                        <li class="user-footer">
                            <div class="pull-left">
                                <a href="/users/info" class="btn btn-default btn-flat">设置</a>
                            </div>
                            <div class="pull-right">
                                <a href="#" class="btn btn-default btn-flat">登出</a>
                            </div>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
</header>
<aside class="main-sidebar">
    <div class="sidebar">
        <ul class="sidebar-menu">
            <li class="header">主导航</li>
            <li class="treeview active">
                <a href="#"><span>校园卡管理</span></a> <i class="fa fa-angle-left pull-right"></i>
                <ul class="treeview-menu">
                    <li><a href="">充值挂失</a></li>
                    <li><a href="/users/shop_records">消费记录</a></li>
                    <li><a href="/users/recharge_records">充值记录</a></li>
                    <li><a href="/users/borrow_records">图书馆借阅记录</a></li>
                </ul>
            </li>
            <li class="treeview active">
                <a href="#"><span>校园生活</span></a> <i class="fa fa-angle-left pull-right"></i>
                <ul class="treeview-menu">
                    <li><a href="/users/diary_manage">个人日记手册</a></li>
                </ul>
            </li>
            <li class="treeview active">
                <a href="#"><span>系统设置</span> <i class="fa fa-angle-left pull-right"></i></a>
                <ul class="treeview-menu">
                    <li><a href="/users/info">个人资料</a></li>
                    <li><a href="/users/change_pwd">修改密码</a></li>
                </ul>
            </li>
        </ul>
    </div>
</aside>